Suite à la leçon précédente, nous sommes maintenant prêts à connecter nos nouveaux composants et à voir des exemples simples de
la façon dont ils pourraient être utilisés.
Tout d'abord, ce sélecteur de couleurs que nous avons intitulé thème.
La raison pour laquelle j'ai créé ce thème d'étiquette est que nous allons maintenant configurer ce sélecteur
pour qu'il soit utilisé pour changer la couleur d'arrière-plan ou le thème de cette fenêtre principale dans les quais.
Je ne parviendrai jamais à ce composant et ici nous voyons certaines des options disponibles.
Par exemple, la spécification d'un tableau de couleurs disponibles au lieu de la valeur par défaut est G. B. ou de simples
palettes de couleurs une couleur présélectionnée.
Et enfin ce dont nous avons besoin de changement.
Cette option prend un rappel pour se déclencher chaque fois que les couleurs sélectionnées changent avec un
seul paramètre de rappel de ce code hexadécimal de couleurs nouvellement sélectionné ajouter un objet d'options à ce paramètre de sélection changer pour une fonction avec
la couleur sélectionnée et selon l'étiquette à côté de cette couleur sélecteur, nous pouvons l'utiliser pour changer un
aspect du thème principal de Windows.
Par exemple, définissons la couleur d'arrière-plan de l'élément de corps de la fenêtre principale appelant la fenêtre principale.
Dot contenu web.
Insérez des CSA avec cette nouvelle couleur d'arrière-plan du corps de chaîne CSA.
À cet argument de couleur fourni par le rappel de changement comme modèle.
Variable littérale enregistrez-la pour tester l'ouverture du sélecteur qui a actuellement la palette de sélecteur simple sélectionnée.
Cliquez sur ce vert et le corps est mis à jour en conséquence.
Chaque fois que je sélectionne une couleur différente, cela fonctionnera désormais également avec les curseurs de couleur, par exemple en
passant aux curseurs RG B.
Modifiez la quantité de rouge et le corps est mis à jour dynamiquement, car cette fonction de changement se déclenche
constamment avec le curseur déplacé, ce qui en fait un composant assez simple mais très utile.
Nous pouvons faire de même pour notre toucher en glissant à l'intérieur de cette pop ici.
Cela a déjà la plupart de ses options dit barre pour rendre cela complet.
Je vais également définir la valeur initiale à 500.
Identique au minimum à nouveau selon l'étiquette des curseurs.
Je vais devoir redimensionner la fenêtre principale pour que nous puissions à nouveau fournir une option de changement
comme le sélecteur de couleurs qui nous fournit maintenant la valeur du curseur lorsqu'il change.
Appel dans cette fenêtre principale de rappel.
Point.
Définissez le premier argument de taille comme la largeur.
Faites cette voyelle et la seconde étant la hauteur de la fenêtre.
Aussi la valeur du curseur afin de garder un carré.
Et enfin, le vrai sens, redimensionner cette fenêtre avec une animation, la rend un peu plus fluide.
Je vais modifier les dimensions initiales de la fenêtre principale pour qu'elles correspondent à la valeur initiale des curseurs de 500 avec
2 500 et de la hauteur à 500 enregistrer.
Nous obtenons maintenant une fenêtre de 500 par 500, alors ouvrez le curseur en étant réglé sur sa valeur minimale initiale de 500 lorsque la
fenêtre la fait glisser vers le haut et la fenêtre est redimensionnée avec elle.
Encore une fois, une intégration très puissante entre la barre tactile maximale et notre application avec une quantité minimale de code, c'est là que
nous quitterons le module de la barre tactile pour l'instant, mais comme nous pouvons le voir dans la documentation, il existe encore un
certain nombre d'autres excellents composants. d vous encourage à jeter un oeil à plus de ces derniers et à faire
votre touche en intégrant une fonctionnalité hors concours pour les utilisateurs Mac.